<!DOCTYPE html>
<ui:composition template="/master.xhtml"
	xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets">

<ui:define name="content">
 		            <br />
            <h:outputText value="Salon: #{servicioadicionalxsalonBean.salon.nombreSalon}" />
			<br />		 
		<p:growl id="msgs" showDetail="true" life="1000" />

		<p:panel header="Consultar Servicios Adicionales X Salon">
			

			<p:dataTable id="singleDT" var="saxs" value="#{servicioadicionalxsalonBean.listServicioAdicionalXSalon}"
				selection="#{servicioadicionalxsalonBean.servicioadicionalxsalonSelected}"
				rowKey="#{saxs.servicioadicionalxsalon.servicioadicional.nombreServicio}" editable="true" style="width:50%"
				rows="5" paginator="true" paginatorPosition="bottom"
				paginatorTemplate="{FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink}">

								
				<p:column headerText="Servicio">
					<p:cellEditor>
						<f:facet name="output">
							<h:outputText value="#{saxs.servicioadicional.nombreServicio}" />
						</f:facet>
						<f:facet name="input">
											<p:inputText id="servicioInput"
												value="#{saxs.servicioadicional.nombreServicio}" style="width:100%" />
										</f:facet>
					</p:cellEditor>
				</p:column>
				<p:column headerText="Precio" style="text-align:left">
					<p:cellEditor>
						<f:facet name="output">
							<h:outputText value="#{saxs.precio}" />
						</f:facet>
						<f:facet name="input">
											<p:inputText id="precioInput"
												value="#{saxs.precio}" style="width:100%" />
										</f:facet>
					</p:cellEditor>
				</p:column>
				
							
				</p:dataTable>
		
<p:commandButton value="Agregar" action="#{servicioadicionalxsalonBean.nuevoServicio}" styleClass="ui-priority-primary" align="center"/>


		</p:panel>

</ui:define>
</ui:composition>
